<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/vip.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style type="text/css">
			#back {
				background-image: url(img/cbdd4bee1eb4485d97b1aaf980c897c0.jpg);
				height: 400px;
			}
		</style>
	</head>

	<body>
		<nav class="navbar navbar-inverse">

			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="logo" href="index.html"><img src="img/2019-12-14_105622.png" class="tupian"></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">

						<li>
							<a href="DianShiJu.html">电视剧</a>
						</li>
						<li>
							<a href="#">电影</a>
						</li>
						<li>
							<a href="ReSouBang.html">热搜榜</a>
						</li>
						
					</ul>
					<form class="navbar-form navbar-left" role="search">

						<div class="form-group">
							<input type="text" placeholder="木鱼" style="color: white; padding-left: 15px;" class="dh">
							<button class="input-group-addon glyphicon glyphicon-search button" id="basic-addon1"><span>搜全网</span></button>
						</div>
					</form>

					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<div class="t" style="position: relative;bottom: 25px;right: 20px;"><img src="img/2019-12-14_113538.png" class="vipchatu" />
								<ul class="dropdown-menu VIP">
									<li>
										<a href="vip1.html">
											<p><img src="img/10e25c7db4664aeea5f3650a7962d722.png"style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;"/>了解VIP会员特权</p>
										</a>
									</li>
									<li>
										<a href="vip2.html">
											<p><img src="img/4e2e4b297d294926b025d86b8b619d85.png"style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;"/>领取VIP会员福利</p>
										</a>
									</li>
									<li>
										<a href="vip3.html">
											<p><img src="img/fe1d5f33d4034eb0ab61a7abf0ce222f.png"style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;"/>做任务，领奖励</p>
										</a>
									</li>
									<li>
										<a href="#">
											<button class="denglu" >登录</button>
										</a>
									</li>
								</ul>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="q" style="position: relative;bottom:28px;">
									<div class="glyphicon glyphicon-cloud-upload ac" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="shangchuan">上传</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="w" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-blackboard kh" aria-hidden="true" style="position: relative;left: 14px;"></div>
									<div class="kehu">客户端</div>
								</div>
							</a>

						</li>
						<li>

							<a href="#">
								<div class="e" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-bell xx" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="xiaoxi">消息</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="r" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-dashboard kg" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="kanguo">看过</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#"><img src="img/2019-12-15_173518.png " class="rentou" style="position: relative;bottom: 8px;" /></a>
						</li>
					</ul>
				</div>
		</nav>
		<!--背景图↓↓↓-->
		<div id="back">
			<div class="toubu1">
				<a href="#">vip精选</a>
				<a href="#">电影</a>
				<a href="#">电视剧</a>
				<a href="#">综艺</a>
				<a href="#">动漫</a>
				<a href="#">儿童</a>
				<a href="#">纪录片</a>
				<a href="#">知识</a>
				<a href="#">演唱会</a>
			</div>
			<div class="toubu2">
				<a href="#">VIP俱乐部</a>
				<a href="#">VIP特权</a>
				<a href="#">VIP等级</a>
				<a href="#">VIP资产</a>
				<a href="#">帮助中心</a>
			</div>
		</div>

		<!--主体↓↓↓-->
		<div class="container">

			<div class="row">
				<div class="col-md-12">
					<div style="font-family: '微软雅黑'; font-size: 25px;"><img src="img/2019-12-14_114019.png"><span style="font-size: 32px; font-weight: bolder;">热</span>门活动</div>
				</div>
			</div>
			<hr />
			<div class="row">
				<div class="col-md-6">
					<a href="#"><img src="img/9fd0b29fb7b047268f6c528e00331077.jpg" class="tpfd" width="95%" /></a>
				</div>
				<div class="col-md-6">
					<a href="#"><img src="img/518996af846d47e798af5cba2f35c63f.jpg" class="tpfd" width="95%" /></a>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div style="font-family: '微软雅黑'; font-size: 25px;"><img src="img/2019-12-14_114019.png"><span style="font-size: 32px; font-weight: bolder;">联</span>合特权</div>
				</div>
			</div>
			<hr />
			<div class="row">
				<div class="col-md-6">
					<a href="#"><img src="img/9654ea4c2a2941eba36f157496d872f5.jpg" class="tpfd" width="95%" /></a>
				</div>
				<div class="col-md-6">
					<a href="#"><img src="img/33ae542ae2934e098a95c2536b7e6698.jpg" class="tpfd" width="95%" /></a>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div style="font-family: '微软雅黑'; font-size: 25px;"><img src="img/2019-12-14_114019.png"><span style="font-size: 32px; font-weight: bolder;">聚</span>乐部</div>
				</div>
			</div>
			<hr />
			<div class="row">
				<div class="col-md-6">
					<a href="#"><img src="img/guang580x220.jpg" class="tpfd" width="95%" /></a>
				</div>
				<div class="col-md-6">
					<a href="#"><img src="img/580x220.jpg" class="tpfd" width="95%" /></a>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div style="font-family: '微软雅黑'; font-size: 25px;"><img src="img/2019-12-14_114019.png"><span style="font-size: 32px; font-weight: bolder;">今</span>日福利</div>
				</div>
			</div>
			<hr />
			<div class="row">
				<div class="col-md-3">
					<img src="img/2019-12-14_120812.png" class="tpfd" /><br /><br />联想蓝牙耳机&nbsp;&nbsp;&nbsp;券后59元
					<span id="button">
						<a href="vip.html"><input type="button" id="" value="立即领取" /></a>
					</span>
				</div>
				<div class="col-md-3">
					<img src="img/2019-12-14_120827.png" class="tpfd" /><br /><br />德芙巧克力&nbsp;&nbsp;&nbsp;券后28.5元
					<span id="button">
						<a href="vip.html"><input type="button" id="" value="立即领取" /></a>
					</span>
				</div>
				<div class="col-md-3">
					<img src="img/2019-12-14_122523.png" class="tpfd" /><br /><br />蓝月亮洗手液&nbsp;&nbsp;&nbsp;19.9元两瓶
					<span id="button">
						<a href="vip.html"><input type="button" id="" value="立即领取" /></a>
					</span>
				</div>
				<div class="col-md-3">
					<img src="img/2019-12-14_122533.png" class="tpfd" /><br /><br />维达抽纸30元券&nbsp;&nbsp;&nbsp;45.9元
					<span id="button">
						<a href="vip.html"><input type="button" id="" value="立即领取" /></a>
					</span>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12">
					<div style="font-family: '微软雅黑'; font-size: 25px;"><img src="img/2019-12-14_114019.png"><span style="font-size: 32px; font-weight: bolder;">会</span>员特惠</div>
				</div>
			</div>
			<hr />
			<div class="row">
				<div class="col-md-3">
					<img src="img/2019-12-15_155913.png" width="98%" class="tpfd" />
				</div>
				<div class="col-md-3">
					<img src="img/2019-12-15_155929.png" width="98%" class="tpfd" />
				</div>
				<div class="col-md-3">
					<img src="img/2019-12-15_155940.png" width="98%" class="tpfd" />
				</div>
				<div class="col-md-3">
					<img src="img/2019-12-15_160001.png" width="98%" class="tpfd" />
				</div>
			</div>
		</div>

		<div class="row" style="width: 100%;">
			<div class="col-md-12 tt">&ensp;&ensp;&ensp;&ensp;&ensp;
				<a href="#">公司介绍</a>&ensp;&ensp;|
				<a href="#">新闻动态</a>&ensp;&ensp;|
				<a href="#">联系方式</a>&ensp;&ensp;|
				<a href="#">招聘英才</a>&ensp;&ensp;|
				<a href="#">爱奇艺实验室</a>&ensp;&ensp;|
				<a href="#">开放平台</a>&ensp;&ensp;|
				<a href="#">爱奇艺号认证</a>&ensp;&ensp;|
				<a href="#">爱奇艺号</a>&ensp;&ensp;|
				<a href="#">爱奇艺会员合作</a>&ensp;&ensp;|
				<a href="#">帮助中心</a>&ensp;&ensp;|
				<a href="#">用户协议</a>&ensp;&ensp;
				<p style="padding-top: 10px;">反盗版和反盗链权利声明&nbsp;&nbsp;&nbsp;&nbsp;Copyright&nbsp;all&nbsp;rights&nbsp;reserved</p>
			</div>
		</div>

	</body>

</html>